<script setup>
import { ref } from 'vue'

import component1 from '@/components/3COMPONENT/component1.vue';


const postFontSize = ref(1)
</script>

<template>
    <h1>Here is a child component!</h1>
    <!-- 3. 在模板中用它来控制字体大小 -->
    <div :style="{ fontSize: postFontSize + 'em' }">
        <!-- 4. 父组件可以通过 v-on 或 @ 来选择性地监听子组件上抛的事件，就像监听原生 DOM 事件那样 -->
        <component1 title="监听事件" @enlarge-text="postFontSize += 0.1"/>
    </div>
</template>